﻿/*---------------------------------------------------*/
html,body{margin:0 auto; padding:0; font-size:12px; line-height:24px; background:#fff;font-family:"΢���ź�","Microsoft Yahei"; text-decoration:none; color:#666; }
a{font-size:12px; line-height:24px; color:#666;text-decoration:none; }
a:hover{color:#0071ee;}
img{border:0;}
table{border-collapse:collapse;}
ul,dl,ol,li{list-style:none; }
ul,dl,ol,li,dt,dd,h1,h2,h3,h4,p,div{margin:0; padding:0;}
/*-----------------------------------------------------------------------------------------------*/
.clear{clear:both; height:0; font-size:1px; line-height:1px;}
.fl{float:left;}
.fr{float:right;}
.inner{display:block; width:1200px; margin:0 auto;}

.ding{display:block; width:100%; height:80px;background:url(../images/black.png) repeat center top; position:absolute; left:0; top:0; z-index:9;}
.ding .inner{display:block; width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}
.ding .inner .fl{width:180px; padding-top:14px;}
.ding .inner .fr{width:780px; height:80px; margin-right:150px;}
.ding .inner .fr li{float:left; width:130px; height:80px; line-height:80px;}
.ding .inner .fr li a{float:left; width:130px; height:80px; line-height:80px; font-size:14px; color:#000; text-align:center;}
.ding .inner .fr li a:hover{color:#0071ee; background:url(../images/line.jpg) no-repeat center bottom;}
.ding .inner .en{display:Block; position:absolute; right:0; top:20px; z-index:12; width:32px; height:32px; color:#2baccb; line-height:32px; text-align:center; text-transform:uppercase; border:1px solid #2baccb;}
.ding .inner .en:hover{background:#2baccb; color:#fff;}

.ding .sub_menu{display:none; width:100%; padding-bottom:40px; background:url(../images/black.png) repeat center top; border-top:1px solid #d8d8d8;}

.ding .sub_menu .s_in{display:block;margin-left:420px;padding-top:25px;}
.ding .sub_menu dl{float:left; width:110px; border-left:1px solid #d8d8d8; padding-left:20px; height:180px;}
.ding .sub_menu dl dd a{display:block; height:28px;line-height:28px; font-size:13px; }
.ding .sub_menu dl dd a:hover{color:#0071ee; line-height:28px; font-weight:bold;}


.mm_menu{display:block; height:50px; background:#044fb5; width:100%; }
.mm_menu .fl{width:860px;}
.mm_menu .fr{width:120px; line-height:50px; text-align:right; font-size:14px; color:#e7e7e7;}
.mm_menu .fl ul{display:block; width:100%;}
.mm_menu .fl li{float:left; width:100px; line-height:50px; font-size:14px; color:#e7e7e7; background:url(../images/line3.jpg) no-repeat right center;}
.mm_menu .fl li a{display:block; width:100px; line-height:50px; text-align:center; font-size:14px; color:#fff;}

.bot{display:block; width:100%; padding:30px 0px; background:#e7e7e7;}
.bot .fl{width:670px; padding-left:40px;}
.bot .fr{width:350px; padding-right:140px; background:url(../images/ewm.jpg) no-repeat right top; height:120px;}
.bot .fl dl{float:left; width:120px;}
.bot .fl dl dd a{display:block; font-size:13px; line-height:28px;}

.bot .fr li{display:block; padding-left:30px; font-size:16px;}
.bot .fr li.f1{background:url(../images/address_b.png) no-repeat left center; padding-left:28px;}
.bot .fr li.f2{background:url(../images/tel_b.png) no-repeat left center; padding-left:28px;}
.bot .fr li.f3{background:url(../images/email_b.png) no-repeat left center; padding-left:28px;}

.support{display:block; width:100%; padding:10px 0px;}
.support .inner{font-size:14px; color:#8d8d8d;}


#img .close{display:block; position:absolute; right:0; top:-5px; z-index:9; width:23px; height:22px; cursor:pointer;}



/*-------------------------------------------------------------------------------------------------------------------------------*/
#banner{display:block;cursor:pointer;width:100%;height:570px;position:relative;margin:0px auto;z-index:2;overflow:hidden;margin-top:80px;}
#banner .imglist{width:100%;height:570px;position:absolute;top:0px;left:0px;}
#banner .left{display:block;position:absolute;left:5%; top:290px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat 0px  top;z-index:7;}
#banner .right{display:block;position:absolute; right:5%; top:290px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat -36px top;z-index:8;}
#banner .btn{position:absolute;bottom:130px;left:47%;display:block;padding:2px 15px; border-radius:11px;z-index:3;}
#banner .btn li{float:left;height:16px;width:16px;margin:0px2px; background:url("../images/1.png") no-repeat; cursor:pointer;}
#banner .btn .hover{background:url("../images/2.png") no-repeat;}

#banner .m_b{display:block; position:absolute; left:0; bottom:0; z-index:11;width:100%; height:80px; background:url(../images/black.png) repeat left top;}
#banner .m_b dl{display:block; width:1200px; margin:0 auto;}
#banner .m_b dd{float:left; width:398px; height:70px; padding-top:10px;border-right:1px solid #fff;}
#banner .m_b dd h2{display:block; height:30px;line-height:30px; font-size:20px; color:#0071ee; text-align:center; font-weight:normal;}
#banner .m_b dd .tip{display:block;font-size:14px; color:#777; text-align:center; line-height:20px;height:20px;}


#banner .m_b dd:hover{background:url(../images/blue.png) repeat left top;}
#banner .m_b dd:hover h2{color:#fff;}
#banner .m_b dd:hover .tip{color:#fff;}

#banner .m_b dd.current{background:url(../images/blue.png) repeat left top;}
#banner .m_b dd.current h2{color:#fff;}
#banner .m_b dd.current .tip{color:#fff;}
